<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>照片卡</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="style.css">
</head>

<body>
<div class="card">
    <div class="circle">
        <div class="box">
            <img src="img/kate.png" alt="">
        </div>
    </div>
    <div class="content">
        <a href="#">
            <i class="fa fa-linkedin" aria-hidden="true"></i>
        </a>
        <h3>sophia anderson</h3>
        <div class="textIcon">
            <h4>frontend develop</h4>
            <a href="#">
                <i class="fa fa-arrow-right" aria-hidden="true"></i>
            </a>
        </div>
    </div>
</div>
</body>
</html>